<template>
  <div>高手
  </div>
  <el-divider></el-divider>
  <el-table :data="form.tableData" style="width:100%">
    <el-table-column label="ID" prop="id" />
    <el-table-column label="昵称" prop="name" />
    <el-table-column label="身高" prop="height" />
    <el-table-column label="体重" prop="weight" />
    <el-table-column label="年龄" prop="age" />
    <el-table-column label="BMI" prop="height/" />
    <el-table-column align="right">
    </el-table-column>
  </el-table>
</template>

<script lang="ts" setup>
import {onMounted, reactive, ref, UnwrapRef} from 'vue'
import {getpersonList,searchUser, post} from '../net';
import {ElMessage} from "element-plus";

const formLabelWidth = '80px'
const dialogFormVisible1 = ref(false)
const dialogFormVisible2 = ref(false)
const form = reactive({
  id:'',
  name: '',
  username:'',
  password:'',
  height:'',
  weight:'',
  age:'',
  bmi:'',
  times:'',
  tableData: [],
  oldId: '',
  oldName:'',
  oldTimes:''

})
const dialogFormVisible = ref(false)
const search = ref('')
const save = (id,name,username,password,height,weight,age) => {
  form.id=id
  form.name=name
  form.username=username
  form.password=password
  form.height=height
  form.weight=weight
  form.age=age

}
onMounted( ()=>{
  let a =175
  searchuser({a})
})
const searchuser=async (height)=>{
  let a =175
  form.tableData=(await searchUser({a})).data
}

</script>
<style  scoped>
.dialog-footer button:first-child {
  margin-right: 10px;
}
</style>
